<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>个人中心</title>
    <link rel="stylesheet" href="./assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="./assets/css/lib.common.css">
    <link rel="stylesheet" href="./assets/css/animate3.1.5.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./assets/css/app.css">
    <script src="./assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="./assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="./assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body>
<!-- 底部导航条start -->
<nav class="mui-bar mui-bar-tab">
    <a url="./首页.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_home_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_home_uncheck.png">
        </div>
        <div class="mui-tab-label">首页</div>
    </a>
    <a url="./行情.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_market_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_market_uncheck.png">
        </div>
        <div class="mui-tab-label">行情</div>
    </a>
    <a url="./交易-币币.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_deal_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_deal_uncheck.png">
        </div>
        <div class="mui-tab-label">交易</div>
    </a>
    <a class="mui-tab-item mui-active">
        <div class="p_y2">
            <img src="./assets/image/hdpi-v4/icon_mine_checked.png">
            <!--<img src="./assets/image/hdpi-v4/icon_mine_uncheck.png">-->
        </div>
        <div class="mui-tab-label">个人</div>
    </a>
</nav>
<!-- 底部导航条start -->


<div class="user-center-header">
    <!-- 头像start -->
    <div class="user-center-header-icon">
        <img src="./assets/image/xhdpi-v4/icon.png">
    </div>
    <!-- 头像end -->

    <div class="mui-row user-center-info p_x25">
        <!-- 个人信息start -->
        <div class="mui-col-xs-12 mui-col-sm-12 content bg-white shadow5 radius5 a_c p_b10">
            <h4>Hi：131****8888</h4>
            <!-- 点击复制功能必须引用 clipboard.min.js -->
            <p class="font14">验证码：RZ4Y5USEASDAD5454ASD<span data-clipboard-text="需要复制的内容 " class="m_x10 copy text-green">复制</span></p>
        </div>
        <!-- 个人信息end -->
        <div class="mui-col-xs-12 mui-col-sm-12 p_t20 black font14">
            <ul class="mui-table-view radius5 shadow2">
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/我的资产.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/1.png">
                        我的资产
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/交易记录.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/2.png">
                        交易记录
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/法币交易.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/3.png">
                        法币交易
                    </a>
                </li>
            </ul>
        </div>

        <div class="mui-col-xs-12 mui-col-sm-12 p_t10 black font14">
            <ul class="mui-table-view radius5 shadow2">
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/邀请好友.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/6.png">
                        邀请好友
                        <span class="mui-badge mui-badge-danger f_l">返利</span>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/身份认证.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/7.png">
                        身份认证
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/安全中心.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/8.png">
                        安全中心
                    </a>
                </li>
            </ul>
        </div>

        <div class="mui-col-xs-12 mui-col-sm-12 p_t10 black font14">
            <ul class="mui-table-view radius5 shadow2">
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/收款方式.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/10.png">
                        收款方式
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/提币地址.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/13.png">
                        提币地址
                    </a>
                </li>


            </ul>
        </div>

        <div class="mui-col-xs-12 mui-col-sm-12 p_t10 black font14">
            <ul class="mui-table-view radius5 shadow2">
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/建议反馈.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/14.png">
                        建议反馈
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/帮助中心.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/12.png">
                        帮助中心
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a url="./个人中心页面/关于我们.html" class="mui-navigate-right">
                        <img class="mui-media-object mui-pull-left" src="./assets/image/info-icon/15.png">
                        关于我们
                    </a>
                </li>
            </ul>
        </div>

        <!-- 退出登录start -->
        <div class="mui-col-xs-12 mui-col-sm-12 p_y25">
            <button type="button" onclick="logout('/logout')" class="mui-btn mui-btn-danger line25 radius20 w100">退出登录</button>
        </div>
        <!-- 退出登录end -->
        <div class="mui-col-xs-12 mui-col-sm-12">
            <div class="app-footer">
                <!-- 防止底部导航挡住内容的区块（勿删） -->
            </div>
        </div>
    </div>

</div>

</body>

</html>
<script>
    // 注销确认
    function logout(url) {
        mui.confirm('确认注销登录?', null, null, function (e) {
            // e如下：index为点击的按钮索引
            // {index: 0, value: ""}
            // {index: 1, value: ""}
            if (e.index === 1) {
                // 调用 lib.common.js里的get异步请求方法
                __get(url);
            }
        })
    }
</script>